/* CSS Document */

body{
	background-color:#ccc;
    background-image: url(../img/back.jpg);
    background-position:initial initial;
    background-repeat:initial initial;
    color:#565656;
    font-family:tahoma, verdana, geneva, lucida, arial, helvetica, sans-serif;
    font-size:10pt;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    margin:0;
    padding:0;	direction:rtl;}a{text-decoration:none;}img{border:0 none;}.bginput-3:focus,.bginput1:focus,.bginput2:focus,input:focus{
    outline: 0;}input[type=submit]{cursor:pointer;}textarea,input[type=text]{	background:#fff;	background-position:initial initial;	background-repeat:initial initial;	color:#333;	font-family:'DroidKufi-Regular',tahoma,sans-serif;	font-size:10pt;	font-style:normal;	font-variant:normal;	font-weight:normal;	line-height:normal;	padding-right:2px;	padding-left:2px;}#mid{	border-radius:5px;	background:#fff;	width:1000px;	margin-left:auto;	margin-right:auto;	padding:0;
border: 5px solid #333;	box-shadow:inset 0 0 3px #999999}




/*colors bar*/
.colors_box{
	height:44px;
	background:#fff;
	background:url(../img/colors.png) no-repeat right, -moz-linear-gradient(top, #fff 0%, #f6f6f6 100%);
	background:url(../img/colors.png) no-repeat right,webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f6f6f6));
	background:url(../img/colors.png) no-repeat right,-webkit-linear-gradient(top, #fff 0%,#f6f6f6 100%);background:url(img/colors.png) no-repeat right,  -o-linear-gradient(top, #fff 0%,#f6f6f6 100%);background:url(../img/colors.png) no-repeat right,  -ms-linear-gradient(top, #fff 0%,#f6f6f6 100%);
background:url(../img/colors.png) no-repeat right,  linear-gradient(to bottom, #fff 0%,#f6f6f6 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f6f6f6',GradientType=0 );

background-position:right -0px 0px;
box-shadow:0px 0px 7px #dddddd;
position:fixed;
left:0px;
width:0px;
padding-right:40px;
top:40%;
-moz-transition:width 0.3s ease;
-o-transition:width 0.3s ease;
-ms-transition:width 0.3s ease;
transition:width 0.3s ease;}
.colors_box .colors{border-right:1px solid #ece8e8;height:43px;display:none;
-moz-transition:width 0.3s ease;
-o-transition:width 0.3s ease;
-ms-transition:width 0.3s ease;
transition:width 0.3s ease;}
.colors_box .colors a{padding:7px;position:relative;margin-right:3px;margin-top:3px;top:3px;float:right;font-size:0px;}
.colors_box:hover{width:65px;
-moz-transition:width 0.3s ease;
-o-transition:width 0.3s ease;
-ms-transition:width 0.3s ease;
transition:width 0.3s ease;}
.colors_box:hover > .colors{display:block;
-moz-transition:width 0.3s ease;
-o-transition:width 0.3s ease;
-ms-transition:width 0.3s ease;
transition:width 0.3s ease;width:55px;padding-right:5px;}

/******************************/

/* Going on box ****/
.fullimg{
background-image: url(../img/icon.png);
background-repeat: no-repeat;
background-position: left top;}
ul.goingon-box { width:100%; list-style:none; margin:0; padding:0; margin-right:5px !important;}
ul.goingon-box li { float:right; width:180px; height:90px; display:inline-block; margin-left:6px; 
background:#f7f7f7; position:relative;}
ul.goingon-box li .cm_activeusers
{ position:relative; top:0; right:0; width:120px; height:90px;text-align:center; }
ul.goingon-box li .cm_activeusers strong {position:absolute;top:55px; right:5px; width:105px;font-size:11px; text-align:center;font-weight:normal; border-top:1px dotted #CCC;padding:3px 5px 0 5px; }
ul.goingon-box li .cm_activeusers span { position:absolute; top:25px; right:0; width:120px;font-size:24px; text-align:center; padding-bottom:5px;}
ul.goingon-box li .cm_activeusers-icon { position:absolute; top:24px; left:10px; width:42px; height:41px; background-position:-163px -91px;}
ul.goingon-box li .cm_numbermembers { position:relative; top:0; right:0; width:120px; height:90px; text-align:center; }
ul.goingon-box li .cm_numbermembers strong {position:absolute;top:55px; right:5px; width:105px;font-size:11px; text-align:center;font-weight:normal; border-top:1px dotted #CCC;padding:3px 5px 0 5px;}
ul.goingon-box li .cm_numbermembers span { position:absolute; top:25px; right:0; width:120px;font-size:24px; text-align:center; padding-bottom:5px;}
ul.goingon-box li .cm_numbermembers-icon { position:absolute; top:24px; left:10px; width:42px; height:41px; background-position:-163px -1px;}
ul.goingon-box li .cm_totalthreads { position:relative; top:0; right:0; width:120px; height:90px;text-align:center; }
ul.goingon-box li .cm_totalthreads strong { position:absolute;top:55px; right:5px; width:105px;font-size:11px; text-align:center;font-weight:normal; border-top:1px dotted #CCC;padding:3px 5px 0 5px;}
ul.goingon-box li .cm_totalthreads span { position:absolute; top:25px; right:0; width:120px;font-size:24px; text-align:center; padding-bottom:5px;}
ul.goingon-box li .cm_totalthreads-icon { position:absolute; top:24px; left:10px; width:42px; height:41px; background-position:-209px -46px;}
ul.goingon-box li .cm_totalposts { position:relative; top:0; right:0; width:120px; height:90px; text-align:center; }
ul.goingon-box li .cm_totalposts strong { position:absolute; top:55px; right:5px; width:105px;font-size:11px; text-align:center;font-weight:normal; border-top:1px dotted #CCC;padding:3px 5px 0 5px; }
ul.goingon-box li .cm_totalposts span { position:absolute; top:25px; right:0; width:120px;font-size:24px; text-align:center; padding-bottom:5px;}
ul.goingon-box li .cm_totalposts-icon { position:absolute; top:24px; left:10px; width:42px; height:41px; background-position:-162px -46px;}
ul.goingon-box li .cm_newuser { position:relative; top:0; right:0; width:120px; height:70px; padding-top:20px; text-align:center; }
ul.goingon-box li .cm_newuser a { font-size:15px;}
ul.goingon-box li .cm_newuser strong { position:absolute; top:55px; right:5px; width:105px;font-size:11px; text-align:center;font-weight:normal; border-top:1px dotted #CCC;padding:3px 5px 0 5px; }
ul.goingon-box li .cm_newuser span { position:absolute; top:25px; right:0; width:120px;font-size:24px; text-align:center; padding-bottom:5px;}
ul.goingon-box li .cm_newuser-icon { position:absolute; top:24px; left:10px; width:42px; height:41px; background-position:-209px -1px;}